<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>50bus-动画渲染</title>
    <meta name="keywords" content="50bus" />
    <meta name="copyright" content="50bus.cn" />
    <!-- <meta http-equiv="mobile-agent" content="http://www.50bus.cn/" />
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" /> -->
    <link rel="icon" href="/resources/img/favicon.ico" type="image/x-icon" />
    
    <link rel="stylesheet" type="text/css" href="/resources/css/base.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/resources/css/globe.css" media="all" />
    <link rel="stylesheet" type="text/css" href="/resources/css/module-render.css" media="all" />
    <script type="text/javascript" src="/resources/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/resources/js/globe.js"></script>
    <style>
	    .render_compare_table ul li{ float: left;}
		.render_compare_table table th{ text-align: center; width: 13%; padding: 0;}
		.render_compare_table table td{ border-right: 0;}
    </style>
</head>

<body>
    <div class="header_wrap">
        <div class="header clearfix">
            <div class="fm980 fl clearfix">
                <a href="index.html" class="logo fl"></a>
                <ul class="nav_box fl">
                    <li><a href="/creative_list.html">形象创意</a></li>
                    <li><a href="/script_list.html">剧本创作</a></li>
                    <li><a href="/render_index.html"  class="cur">动画渲染</a></li>
                    <li><a href="/creative_helper.html">创意助手</a></li>
                </ul>
                <div class="about_box fr">
                    <a href="/about.html">关于我们</a>
                    <#if uid??&&uid!="">
	                    <a href="/user/user_work.html">个人空间</a>
	                    <a href="/logout.html">退出</a>
                    <#else>
	                    <a href="/register.html">注册</a>
	                    <a href="/login.html">登录</a>
                    </#if>
                </div>
            </div>
        </div>

    </div>

    <div class="body_wrap">
        <div class="handle_bar">
            <div class="fm980">
                <p class="render_sub_nav fz16">
                    <a class="" href="http://render.50bus.cn:12345/#/render/projects/">项目管理</a>
                    <a class="" href="http://render.50bus.cn:12345/#/render/scenes/new">新建任务</a>
                    <a class="" href="http://render.50bus.cn:12345/#/render/scenes/">任务管理</a>
                    <a class="" href="http://render.50bus.cn:12345/#/account">账户中心</a>
                    <a class="" href="http://render.50bus.cn:12345/#/help">渲染须知</a>
                </p>
            </div>
        </div>
        <div class="fm980">
            <div class="box_hd"><a href="/render_index.html">动画渲染</a> &gt; 渲染服务对比</div>
            <div class="comp_param render_compare_table">
	            <ul class="table_ul clearfix">
	              <#list renderProviderList as renderProvider>	
	            	<li>
	            		<table width="100%">
		                    <tr class="comp_info_tr">
		                    	<th>公司</th>
		                        <td>
		                            <div class="clearfix">
		                                <div class="comp_img_box fl"><img style="width:164px;height:112px;" src="${renderProvider.logo}" /></div>
		                                <div class="comp_info fl">
		                                    <p class="fz18" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:28px;">公司：${renderProvider.comp}</p>
		                                    <p class="comp_phone">联系电话：${renderProvider.tele}</p>
		                                    <div class="md_btn">
		                                        <a href="${renderProvider.service_url}" class="btn_com_red">选择此云服务</a>
		                                    </div>
		                                </div>
		                            </div>
		                        </td>
		                    </tr>
		                    <tr>
		                    	<th>集群<br />名称</th>
		                        <td><span class="fz14">${renderProvider.colony}</span></td>
		                    </tr>
		                    <tr>
		                    	<th>单价</th>
		                        <td>${renderProvider.unit_price}（元/核/小时）</td>
		                    </tr>
		                    <tr>
		                    	<th>计算<br />能力</th>
		                        <td>${renderProvider.computer_power}（总核数）</td>
		                    </tr>
		                    <tr>
		                    	<th>性能</th>
		                        <td><span class="piece red_piece">${renderProvider.performance}</span></td>
		                    </tr>
		                    <tr>
		                    	<th>繁忙<br />程度</th>
		                        <td><span class="piece orange_piece">${renderProvider.busy}</span></td>
		                    </tr>
		                    <tr>
		                    	<th>地点</th>
		                        <td>${renderProvider.locale}</td>
		                    </tr>
		                    <tr class="comp_desc_tr">
		                    	<th>描述</th>
		                        <td>${renderProvider.rpdescribe}</td>
		                    </tr>
		                </table>
	            	</li>
	              </#list>
	            </ul> 
            </div>
        </div>
    </div>

   <div class="footer">
        <div class="fm980 clearfix">
            <div class="foot_link foot_link1 fl">
                <a href="/creative_list.html">形象创意</a>
                <a href="/script_list.html">剧本创作</a>
                <a href="/render_index.html">动画渲染</a>
                <a href="/creative_helper.html" >创意助手</a>
            </div>
            <div class="foot_link foot_link2 fl">
                <a href="http://zjusp.zju.edu.cn/">浙大科技园</a>
                <a href="http://www.zju.edu.cn/">浙江大学</a>
                <a href="/about.html" >关于我们</a>
            </div>
            <div class="copy_box fr">
                <img class="mb5" src="/resources/img/foot_text.png" />
                <p>&copy; 2013-2016 All right reserved</p>
                <p><a href="">服务条款</a><a href="">隐私条款</a><a href="">法律条款</a></p>
                <p style="display:none;"><a href="" class="share_icon share_sina"></a><a href="" class="share_icon share_wx"></a></p>
            </div>
        </div>
    </div>
<script type="text/javascript" src="/resources/js/page-creative-list.js"></script>
<script type="text/javascript">
		$(function() {
			var len = $('.table_ul li').length;
			if (len == 2) {
				$('.table_ul li').css('width', '50%');
			} else if (len == 3) {
				$('.table_ul li').css('width', '33%');
			}
		})
		<#if uid??&&uid!="">
    	$.post("/common/getUserName.json",{"uid":${uid}},function(data){
    		if(data.name){
    			$('a[href="/user/user_work.html"]').html(data.name+"个人空间");
    		}
    	});
		</#if>
</script>
</body>
</html>